	$(function(){
		$(".glyphicon-star").css("color", "gray");
		
		$(".glyphicon-star").on("click", function(){
			var t = parseInt($(this).attr("id"));
			console.log("test.... click " + t);
			$(".comment").attr("id", t);
			$(".glyphicon-star").css("color", "gray");
			
			for(var i = 0; i <= t; i++){
				$(".glyphicon-star:nth-child("+i+")").css("color", "red");
			}
			
			$(".glyphicon-star").unbind("mouseover");
		});

		$(".glyphicon-star").bind("mouseover", function(){
			/*mouseOver($(this));*/
			$(".glyphicon-star").css("color", "gray");
			var id = parseInt($(this).attr("id"));
			for(var i = 0; i <=id; i++){
				$(".glyphicon-star:nth-child("+i+")").css("color", "red");
			}
			console.log("mouseover " + id);
			if(id == 1){
				$(".comment").text("很不满意");
			}
			if(id == 2){
				$(".comment").text("不满意");
			}
			if(id == 3){
				$(".comment").text("一般");
			}
			if(id == 4){
				$(".comment").text("满意");
			}
			if(id == 5){
				$(".comment").text("非常满意");
			}
			$(".comment").attr("id", id);
		});
		
		function mouseOver(star){
			$(".glyphicon-star").css("color", "gray");
			var t = parseInt(star.attr("id"));
			for(var i = 0; i < t; i++){
				$(".glyphicon-star").eq(i).css("color", "red");
			}
		}
	});